<html>
<head>
<title>Untitled-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- Save for Web Styles (Untitled-1) -->
<link rel="stylesheet" type="text/css" href="format.css" />
<!-- End Save for Web Styles -->
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="../excanvas.min.js"></script><![endif]-->
<script language="javascript" type="text/javascript" src="../jquery.js"></script>
    <script language="javascript" type="text/javascript" src="../jquery.flot.js"></script>
</head>
<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<!-- Save for Web Slices (Untitled-1) -->

	<div id="Untitled-1-01">
		<img src="images/Untitled-1_01.png" width="1250" height="10" alt="">
	</div>
	<div id="Untitled-1-02">
		<img src="images/Untitled-1_02.png" width="234" height="62" alt="">
	</div>
	<div id="Untitled-1-03">
		<img src="images/Untitled-1_03.png" width="756" height="44" alt="">
	</div>
	<div id="Untitled-1-04">
		<img src="images/Untitled-1_04.png" width="260" height="62" alt="">
	</div>
	<div id="Untitled-1-05">
		<img src="images/Untitled-1_05.png" width="756" height="18" alt="">
	</div>
	<div id="Untitled-1-06">
		<img src="images/Untitled-1_06.png" width="58" height="54" alt="">
	</div>
	<div id="Untitled-1-07" style="text-align:center;margin:0; line-height:54px;">
		<table BORDER="0" cellpadding="0" CELLSPACING="0">
			<tr>
				<TD WIDTH="162" HEIGHT="54" BACKGROUND="images/Untitled-1_07.png" VALIGN="center">
				<center>
					<FONT  COLOR="white" FACE="Segoe UI">Partially Built Session</FONT>
					</center>
				</td>

			</tr>
		</table>
		</div>
	<div id="Untitled-1-08">
		<img src="images/Untitled-1_08.png" width="36" height="54" alt="">
	</div>
	<div id="Untitled-1-09" style="text-align:center;margin:0; line-height:54px">
		
			<table BORDER="0" cellpadding="0" CELLSPACING="0">
			<tr>
				<TD WIDTH="662" HEIGHT="54" BACKGROUND="images/Untitled-1_09.png" VALIGN="left">
				<center>
					<FONT  COLOR="white" FACE="Segoe UI"></FONT>
					</center>
				</td>

			</tr>
		</table>
	</div>
	<div id="Untitled-1-10">
		<img src="images/Untitled-1_10.png" width="27" height="54" alt="">
	</div>
	<div id="Untitled-1-11">
			<table BORDER="0" cellpadding="0" CELLSPACING="0">
			<tr>
				<TD WIDTH="162" HEIGHT="54" BACKGROUND="images/Untitled-1_11.png" VALIGN="center">
				<center>
					<FONT  COLOR="white" FACE="Segoe UI">Actual</FONT>
					</center>
				</td>

			</tr>
		</table>
	</div>
	<div id="Untitled-1-12">
		<img src="images/Untitled-1_12.png" width="39" height="54" alt="">
	</div>
	<div id="Untitled-1-13">
	
			<table BORDER="0" cellpadding="0" CELLSPACING="0">
			<tr>
				<TD WIDTH="54" HEIGHT="54" BACKGROUND="images/Untitled-1_13.png" VALIGN="left">
				<center>
					<FONT  COLOR="white" FACE="Segoe UI"></FONT>
					</center>
				</td>

			</tr>
		</table>
		
	</div>
	<div id="Untitled-1-14">
		<img src="images/Untitled-1_14.png" width="50" height="54" alt="">
	</div>
	<div id="Untitled-1-15">
		<img src="images/Untitled-1_15.png" width="1250" height="18" alt="">
	</div>
	<div id="Untitled-1-16">
		<img src="images/Untitled-1_16.png" width="58" height="54" alt="">
	</div>
	<div id="Untitled-1-17">
	
			<table BORDER="0" cellpadding="0" CELLSPACING="0">
			<tr>
				<TD WIDTH="162" HEIGHT="54" BACKGROUND="images/Untitled-1_17.png" VALIGN="center">
				<center>
					<FONT  COLOR="white" FACE="Segoe UI">1-order Markov chain</FONT>
					</center>
				</td>

			</tr>
		</table>
	</div>
	<div id="Untitled-1-18">
		<img src="images/Untitled-1_18.png" width="36" height="54" alt="">
	</div>
	<div id="Untitled-1-19" >
				<table BORDER="0" cellpadding="0" CELLSPACING="0">
			<tr>
				<TD WIDTH="851" HEIGHT="54" BACKGROUND="images/Untitled-1_19.png" VALIGN="left">
				<center>
					<FONT  COLOR="white" FACE="Segoe UI"></FONT>
					</center>
				</td>

			</tr>
		</table>
	
	
	</div>
	<div id="Untitled-1-20">
		<img src="images/Untitled-1_20.png" width="39" height="54" alt="">
	</div>
	<div id="Untitled-1-21">
	<table BORDER="0" cellpadding="0" CELLSPACING="0">
			<tr>
				<TD WIDTH="54 HEIGHT="54" BACKGROUND="images/Untitled-1_21.png" VALIGN="center">
				<center>
	
					</center>
				</td>

			</tr>
		</table>
	
	</div>
	<div id="Untitled-1-22">
		<img src="images/Untitled-1_22.png" width="50" height="54" alt="">
	</div>
	<div id="Untitled-1-23">
		<img src="images/Untitled-1_23.png" width="1250" height="18" alt="">
	</div>
	<div id="Untitled-1-24">
		<img src="images/Untitled-1_24.png" width="58" height="54" alt="">
	</div>
	<div id="Untitled-1-25">
	<table BORDER="0" cellpadding="0" CELLSPACING="0">
			<tr>
				<TD WIDTH="162" HEIGHT="54" BACKGROUND="images/Untitled-1_25.png" VALIGN="center">
				<center>
					<FONT  COLOR="white" FACE="Segoe UI">Support Based Approch</FONT>
					</center>
				</td>

			</tr>
		</table>
	</div>
	<div id="Untitled-1-26">
		<img src="images/Untitled-1_26.png" width="36" height="54" alt="">
	</div>
	<div id="Untitled-1-27" style="text-align:center;margin:0; line-height:54px;">
		<img src="images/Untitled-1_27.png" width="851" height="54" alt="">
	</div>
	<div id="Untitled-1-28">
		<img src="images/Untitled-1_28.png" width="39" height="54" alt="">
	</div>
	<div id="Untitled-1-29">
		<table BORDER="0" cellpadding="0" CELLSPACING="0">
			<tr>
				<TD WIDTH="54 HEIGHT="54" BACKGROUND="images/Untitled-1_21.png" VALIGN="center">
				<center>
	
					</center>
				</td>

			</tr>
			</table>
		
	</div>
	<div id="Untitled-1-30">
		<img src="images/Untitled-1_30.png" width="50" height="54" alt="">
	</div>
	<div id="Untitled-1-31">
		<img src="images/Untitled-1_31.png" width="1250" height="18" alt="">
	</div>
	<div id="Untitled-1-32">
		<img src="images/Untitled-1_32.png" width="58" height="54" alt="">
	</div>
	<div id="Untitled-1-33">
	<table BORDER="0" cellpadding="0" CELLSPACING="0">
			<tr>
				<TD WIDTH="162" HEIGHT="54" BACKGROUND="images/Untitled-1_33.png" VALIGN="center">
				<center>
					<FONT  COLOR="white" FACE="Segoe UI">Hybrid Weight Approch</FONT>
					</center>
				</td>

			</tr>
		</table>
	</div>
	<div id="Untitled-1-34">
		<img src="images/Untitled-1_34.png" width="36" height="54" alt="">
	</div>
	<div id="Untitled-1-35">
		<img src="images/Untitled-1_35.png" width="851" height="54" alt="">
	</div>
	<div id="Untitled-1-36">
		<img src="images/Untitled-1_36.png" width="39" height="54" alt="">
	</div>
	<div id="Untitled-1-37">
	<table BORDER="0" cellpadding="0" CELLSPACING="0">
			<tr>
				<TD WIDTH="54 HEIGHT="54" BACKGROUND="images/Untitled-1_21.png" VALIGN="center">
				<center>
	
					</center>
				</td>

			</tr>
			</table>
	</div>
	<div id="Untitled-1-38">
		<img src="images/Untitled-1_38.png" width="50" height="54" alt="">
	</div>
	<div id="Untitled-1-39">
		<img src="images/Untitled-1_39.png" width="1250" height="36" alt="">
	</div>
	<div id="Untitled-1-40">
		<img src="images/Untitled-1_40.png" width="58" height="230" alt="">
	</div>
	<div id="Untitled-1-41">
		<img src="images/Untitled-1_41.png" width="367" height="9" alt="">
	</div>
	<div id="Untitled-1-42">
		<img src="images/Untitled-1_42.png" width="21" height="230" alt="">
	</div>
	<div id="Untitled-1-43">
		<img src="images/Untitled-1_43.png" width="364" height="9" alt="">
	</div>
	<div id="Untitled-1-44">
		<img src="images/Untitled-1_44.png" width="24" height="230" alt="">
	</div>
	<div id="Untitled-1-45">
		<img src="images/Untitled-1_45.png" width="366" height="9" alt="">
	</div>
	<div id="Untitled-1-46">
		<img src="images/Untitled-1_46.png" width="50" height="230" alt="">
	</div>
	<div id="Untitled-1-47">
		<img src="images/Untitled-1_47.png" width="14" height="225" alt="">
	</div>
	<div id="Untitled-1-48">
		<img src="images/Untitled-1_48.png" width="342" height="207" alt="">
	</div>
	<div id="Untitled-1-49">
		<img src="images/Untitled-1_49.png" width="11" height="225" alt="">
	</div>
	<div id="Untitled-1-50">
		<img src="images/Untitled-1_50.png" width="13" height="221" alt="">
	</div>
	<div id="Untitled-1-51" "></div>
	<div id="Untitled-1-52">
		<img src="images/Untitled-1_52.png" width="9" height="221" alt="">
	</div>
	<div id="Untitled-1-53">
		<img src="images/Untitled-1_53.png" width="9" height="221" alt="">
	</div>
	<div id="Untitled-1-54" "></div>
	<div id="Untitled-1-55">
		<img src="images/Untitled-1_55.png" width="15" height="221" alt="">
	</div>
	<div id="Untitled-1-56">
		<img src="images/Untitled-1_56.png" width="342" height="18" alt="">
	</div>
	<div id="Untitled-1-57">
		<img src="images/Untitled-1_57.png" width="342" height="14" alt="">
	</div>
	<div id="Untitled-1-58">
		<img src="images/Untitled-1_58.png" width="342" height="14" alt="">
	</div>
	<div id="Untitled-1-59">
		<img src="images/Untitled-1_59.png" width="58" height="26" alt="">
	</div>
	<div id="Untitled-1-60">
		<img src="images/Untitled-1_60.png" width="825" height="26" alt="">
	</div>
	<div id="Untitled-1-61">
		<img src="images/Untitled-1_61.png" width="367" height="22" alt="">
	</div>
	<div id="Untitled-1-62">
		<img src="images/Untitled-1_62.png" width="58" height="230" alt="">
	</div>
	<div id="Untitled-1-63">
		<img src="images/Untitled-1_63.png" width="367" height="11" alt="">
	</div>
	<div id="Untitled-1-64">
		<img src="images/Untitled-1_64.png" width="21" height="230" alt="">
	</div>
	<div id="Untitled-1-65">
		<img src="images/Untitled-1_65.png" width="364" height="11" alt="">
	</div>
	<div id="Untitled-1-66">
		<img src="images/Untitled-1_66.png" width="24" height="230" alt="">
	</div>
	<div id="Untitled-1-67">
		<img src="images/Untitled-1_67.png" width="366" height="12" alt="">
	</div>
	<div id="Untitled-1-68">
		<img src="images/Untitled-1_68.png" width="50" height="230" alt="">
	</div>
	<div id="Untitled-1-69">
		<img src="images/Untitled-1_69.png" width="12" height="219" alt="">
	</div>
	<div id="Untitled-1-70">
		<img src="images/Untitled-1_70.png" width="342" height="207" alt="">
	</div>
	<div id="Untitled-1-71">
		<img src="images/Untitled-1_71.png" width="13" height="219" alt="">
	</div>
	<div id="Untitled-1-72">
		<img src="images/Untitled-1_72.png" width="12" height="219" alt="">
	</div>
	<div id="Untitled-1-73">
		<img src="images/Untitled-1_73.png" width="342" height="207" alt="">
	</div>
	<div id="Untitled-1-74">
		<img src="images/Untitled-1_74.png" width="10" height="219" alt="">
	</div>
	<div id="Untitled-1-75">
		<img src="images/Untitled-1_75.png" width="12" height="218" alt="">
	</div>
	<div id="Untitled-1-76">
		<img src="images/Untitled-1_76.png" width="342" height="207" alt="">
	</div>
	<div id="Untitled-1-77">
		<img src="images/Untitled-1_77.png" width="12" height="218" alt="">
	</div>
	<div id="Untitled-1-78">
		<img src="images/Untitled-1_78.png" width="342" height="12" alt="">
	</div>
	<div id="Untitled-1-79">
		<img src="images/Untitled-1_79.png" width="342" height="12" alt="">
	</div>
	<div id="Untitled-1-80">
		<img src="images/Untitled-1_80.png" width="342" height="11" alt="">
	</div>
	<div id="Untitled-1-81">
		<img src="images/Untitled-1_81.png" width="1250" height="36" alt="">
	</div>


<script type="text/javascript">


$(function() {
var options_1 = {
		
        series: { shadowSize: 0 ,color:'black',label:"Accuracy"}, // drawing is faster without shadows
        yaxis: { min: 0, max: 100 },
        xaxis: { show: false }
    };
var options_2 = {
        series: { shadowSize: 0 ,color:'blue',label:"Coverage"}, // drawing is faster without shadows
        yaxis: { min: 90, max: 100 },
        xaxis: { show: false }
    };
var options_3 = {
		
        series: { shadowSize: 0 ,color:'red',label:"Accuracy"}, // drawing is faster without shadows
        yaxis: { min: 0, max: 100 },
        xaxis: { show: false }
    };
var options_4 = {
        series: { shadowSize: 0,color:'yellow',label:"Coverage" }, // drawing is faster without shadows
        yaxis: { min: 80, max: 100},
        xaxis: { show: false }
    };
var options_5 = {
		
        series: { shadowSize: 0 ,color:'green',label:"Accuracy"}, // drawing is faster without shadows
        yaxis: { min: 0, max: 100 },
        xaxis: { show: false }
    };
var options_6 = {
        series: { shadowSize: 0,color:'brown',label:"Coverage" }, // drawing is faster without shadows
        yaxis: { min: 80, max: 100 },
        xaxis: { show: false }
    };
    var accuracy 	= [];
	var coverage 	= [];
	var accuracy_aw = [];
	var coverage_aw = [];
	var accuracy_hw = [];
	var coverage_hw = [];	
	var rec		  	= [];
	var correct 	= [];
	var rec_aw		= [];
	var correct_aw 	= [];
	var rec_hw		= [];
	var correct_hw 	= [];
	var session		= [];
	var actual 		= [];
	
        var t = 0;
    var accuracy_holder = $("#Untitled-1-48");
	var coverage_holder = $("#Untitled-1-70");
	var accuracy_aw_holder = $("#Untitled-1-51");
	var coverage_aw_holder = $("#Untitled-1-73");
	var accuracy_hw_holder = $("#Untitled-1-54");
	var coverage_hw_holder = $("#Untitled-1-76");
	var rec 			= $("#Untitled-1-19");
	var correct			= $("#Untitled-1-21");
	var rec_aw 			= $("#Untitled-1-27");
	var correct_aw		= $("#Untitled-1-29");
	var rec_hw 			= $("#Untitled-1-35");
	var correct_hw		= $("#Untitled-1-37");
	var session 		= $("#Untitled-1-09");
	var actual	 		= $("#Untitled-1-13");
    
    $.plot(accuracy_holder, accuracy, options_1);
	$.plot(coverage_holder, coverage, options_2);
	$.plot(accuracy_aw_holder, accuracy_aw, options_3);
	$.plot(coverage_aw_holder, coverage_aw, options_4);
	$.plot(accuracy_hw_holder, accuracy_hw, options_5);
	$.plot(coverage_hw_holder, coverage_hw, options_6);
        
    function fetchData() {
	   $.ajax({
		  url:      '/ajax/datajson',
		  method:   'GET',
		  dataType: 'json',
		  success:  function(json) {
				 
			accuracy.push([t++,json.accuracy]);
			if(accuracy.length>100){
				accuracy.shift();
			}
			$.plot(accuracy_holder, [accuracy], options_1);
			
			coverage.push([t++,json.coverage]);
			if(coverage.length>100){
				coverage.shift();
			}
			$.plot(coverage_holder, [coverage], options_2);
			
			accuracy_aw.push([t++,json.accuracy_aw]);
			if(accuracy_aw.length>100){
				accuracy_aw.shift();
			}
			$.plot(accuracy_aw_holder, [accuracy_aw], options_3);
			
			coverage_aw.push([t++,json.coverage_aw]);
			if(coverage_aw.length>100){
				coverage_aw.shift();
			}
			$.plot(coverage_aw_holder, [coverage_aw], options_4);
			
			accuracy_hw.push([t++,json.accuracy_hw]);
			if(accuracy_hw.length>100){
				accuracy_hw.shift();
			}
			$.plot(accuracy_hw_holder, [accuracy_hw], options_5);
			
			coverage_hw.push([t++,json.coverage_hw]);
			if(coverage_hw.length>100){
				coverage_hw.shift();
			}
			$.plot(coverage_hw_holder, [coverage_hw], options_6);
			recommendation 	=json.recommendation
			session			=json.session
			correct 		=json.correct
			rec				=json.recommendation
			actual			=json.actual
			correct_aw		=json.correct_aw
			rec_aw			=json.recommendation_aw
			correct_hw		=json.correct_hw
			rec_hw			=json.recommendation_hw
			
			$("#Untitled-1-19").html("<table BORDER='0' cellpadding='20' CELLSPACING='0'><tr><TD WIDTH='852' HEIGHT='54' BACKGROUND='images/Untitled-1_19.png' VALIGN='left' ><left><FONT  COLOR='white' FACE='Segoe UI'>"+recommendation+"</FONT></left></td></tr></table>");
			$("#Untitled-1-09").html("<table BORDER='0' cellpadding='20' CELLSPACING='0'><tr><TD WIDTH='662' HEIGHT='54' BACKGROUND='images/Untitled-1_09.png' VALIGN='left'><left><FONT  COLOR='white' FACE='Segoe UI'>"+session+"</FONT></left></td></tr></table>");
			$("#Untitled-1-13").html("<table BORDER='0' cellpadding='0' CELLSPACING='0'><tr><TD WIDTH='54' HEIGHT='54' BACKGROUND='images/Untitled-1_13.png'  VALIGN='left'><center><FONT  COLOR='white' FACE='Segoe UI'>"+actual+"</FONT></center></td></tr></table>");
			$("#Untitled-1-27").html("<table BORDER='0' cellpadding='20' CELLSPACING='0'><tr><TD WIDTH='852' HEIGHT='54' BACKGROUND='images/Untitled-1_27.png'  VALIGN='left'><left><FONT  COLOR='white' FACE='Segoe UI'>"+rec_aw+"</FONT></left></td></tr></table>");
			$("#Untitled-1-35").html("<table BORDER='0' cellpadding='20' CELLSPACING='0'><tr><TD WIDTH='852' HEIGHT='54' BACKGROUND='images/Untitled-1_35.png' VALIGN='left'><left><FONT  COLOR='white' FACE='Segoe UI'>"+rec_hw+"</FONT></left></td></tr></table>");
			if(correct == '1'){
				$("#Untitled-1-21").css("background-color","#03ef03");
			}
			else if(correct == '0'){
				$("#Untitled-1-21").css("background-color","#ef0303");
			}
			if(correct_aw == '1'){
				$("#Untitled-1-29").css("background-color","#03ef03");
			}
			else if(correct_aw == '0'){
				$("#Untitled-1-29").css("background-color","#ef0303");
			}
			if(correct_hw == '1'){
				$("#Untitled-1-37").css("background-color","#03ef03");
			}
			else if(correct_hw == '0'){
				$("#Untitled-1-37").css("background-color","#ef0303");
			}
		  },
			  //error:function(a,b,c) { alert(b); }
	   });

   setTimeout(fetchData, 100);
        }
        fetchData();
});

</script>
<!-- End Save for Web Slices -->
</body>
</html>